<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>an</title>
    </head>
    <body>
        <h1>Hello World</h1>
        <hr>
        form表单将一些获取标签的页面传递给后台
        <form action="null.html" method="post">

        </form>
        <form action="null.html" method="get">
            <p>
                <label>城市</label>
                <select name="city">
                    <option value="beijing">北京</option>
                    <option value="shanghai">上海</option>
                    <option value="guangzhou">广州</option>
                </select>
            </p>
        <p>
                    <label>图片</label>
                    <input type="file" name="pic">
        </p>

        <p>
            <label for="username">用户名</label>
            <input type="text" id="username" placeholder="username">

         </p>
        <p>
            <label for="password">密码</label>
            <input type="password" id="password" placeholder="password">
        </p>
        <p>
            <label>性别</label>
            <input type="radio" name="sex">nan
                    <input type="radio" name="sex">nv</input>
                    <input type="radio" name="sex">qita</input>
        </p>
        <p>
            <label >爱好</label>
            <input type="checkbox" name="hobby">看电影
            <input type="checkbox" name="hobby">看电影
            <input type="checkbox" name="hobby">看电影
        </p>
            </input>
            </input>
                <p>
                    <input type="submit" value="提交"></input>
                </p>

        </form>
        <img src="./imgs/img.png">
        <br>
        <a href="https://www.baidu.com" target="_blank">百度一下</a>
        <p>This is a paragraph.块级标签,段落</p>
        <p>有序和无序列表</p>
    <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
    </ul>
        <hr>
    <ol>
        <li>Coffee</li>
    </ol>
        锚点
        <a href="#demo">Demo</a>
        <a name="demo">Demo</a>
    表格
    <table border="1">
        <tr>
            <th>Name</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Tom</td>
            <td>18</td>
        </tr>
        <tr>
            <td>Jerry</td>
            <td>16</td>
        </tr>
    </table>
    </body>
</html>